import { createApp } from 'vue'

import { createBootstrap } from 'bootstrap-vue-next'
import App from './App.vue'
import router from '@/router/index.js'

// Add the necessary CSS
import 'bootstrap/dist/css/bootstrap.css'
import './style.css'
import 'bootstrap-vue-next/dist/bootstrap-vue-next.css'

const app = createApp(App)
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
const pinia = createPinia()

pinia.use(piniaPluginPersistedstate)
app.use(createBootstrap()) // Important
app.use(pinia)
app.use(router)
app.mount('#app')
